@mixin scrollbar() {
  &::-webkit-scrollbar {
    display: none;
  }

  &:hover {
    // 整个滚动条
    &::-webkit-scrollbar {
      display: block;
      margin-right: -8px;
      width: 8px;
      border-radius: $border-radius-small;
    }
  }

  // 滚动条轨道
  &::-webkit-scrollbar-track {
    background: transparent;
  }

  // 滚动条上的滚动滑块
  &::-webkit-scrollbar-thumb {
    background: $border-shadow-color;
    border-radius: 4px;
  }

}